<?php
// 屏蔽PHP警告
error_reporting(E_ALL^E_NOTICE^E_WARNING);

require_once "jssdk.php";

// 设置子级账号的ID和秘钥
$jssdk = new JSSDK("wxcbdf9e0c3a80afa5", "a464aab830a08c5a6c1bfc228d484e1c");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="index.css">
  <link rel="stylesheet" type="text/css" href="libs/reset.css">
  <link rel="stylesheet" type="text/css" href="libs/animate.css">
  <!-- 腾讯地图接口 -->
  <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
  <!-- 微信jssdk -->
  <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
  <div id="wrap">
  </div>

  <footer id="footer">
    <a href="#home" id="home" class="footerItem">
      <div></div>
      <span>首页</span>
    </a>
    <a href="#market" id="quickMarket" class="footerItem">
      <div></div>
      <span>闪送超市</span>
    </a>
    <a href="#shoppingCart" id="shopping" class="footerItem">
      <div></div>
      <span id="count">1</span>
      <span>购物车</span>
    </a>
    <a href="#mine" id="mine" class="footerItem">
      <div></div>
      <span>我的</span>
    </a>
  </footer>
  <!-- 转移地址信息的容器 -->
  <div id="addressContainer" style="display:none;"></div>
</body>

<script type="text/javascript" src="libs/rem.js"></script>
<script src="./libs/requirejs.js" type="text/javascript" charset="utf-8" async="true" defer data-main="main"></script>

<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: '<?php echo $signPackage["timestamp"];?>',
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'getLocation'
    ]
  });
  wx.ready(function () {
    // 在这里调用 API
   wx.getLocation({
    type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
    success: function (res) {
        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
        var speed = res.speed; // 速度，以米/每秒计
        var accuracy = res.accuracy; // 位置精度

        // 腾讯地图api
        // 开启转换服务
        geocoder = new qq.maps.Geocoder();
        // 对指定经纬度解析
        var latLng = new qq.maps.LatLng(latitude, longitude);
        geocoder.getAddress(latLng);
        // 设置服务请求成功的回调函数
        geocoder.setComplete(function (result) {
          var addDetail = result.detail.addressComponents.city + result.detail.addressComponents.district + result.detail.addressComponents.street;
            document.getElementById('addressContainer').innerText = addDetail;
            document.getElementById('address').innerText = addDetail;
        });
      }
    });
  });
</script>
</html>



